// const { defineConfig } = require('@vue/cli-service')
const path = require('path')
// module.exports = defineConfig({
//   transpileDependencies: true,

//   pluginOptions: {
//     'style-resources-loader': {
//       preProcessor: 'less',
//       patterns: [
//         path.join(__dirname, './src/assets/style/variables.less'),
//         path.join(__dirname, './src/assets/style/mixins.less')
//       ]
//     }
//   }
//   // // 需要配置10kb下的图片打包成base64的格式 vue.config.js
//   // chainWebpack: config => {
//   //   config.module
//   //     .rule('images')
//   //     .use('url-loader')
//   //     .loader('url-loader')
//   //     .tap(options => Object.assign(options, { limit: 10000 }))
//   // }
// })
module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        path.join(__dirname, './src/assets/style/variables.less'),
        path.join(__dirname, './src/assets/style/mixins.less')
      ]
    }
  },
  devServer: {
    historyApiFallback: true,
    allowedHosts: 'all'
  },
  configureWebpack: {
    externals: {
      qc: 'QC'
    }
  },
  chainWebpack: config => {
    // // 图片加载
    // config.module
    //   .rule('images')
    //   .use('url-loader')
    //   .loader(require.resolve('url-loader'))
    //   .tap(options => {
    //     Object.assign(options, { limit: 10000 })
    //   })
    // 这个是给webpack - dev - server开启可IP和域名访问权限
    // config.devServer.disableHostCheck(true)
  }
  // chainWebpack: config => {
  //   config.devServer.disableHostCheck(true)
  // }
}
